<html class="no-js">
<head>
  <meta charset="utf-8">
 <title>prephones</title>
  <link href="__PUBLIC__/assets/scss/css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__/assets/scss/images/fav-icon.png" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<!----webfonts---->
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<!----//webfonts---->
		<!--- start-tooltips------>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/scss/css/simptip-mini.css" media="screen,projection" />
		<!--- //End-tooltips------>
		<!---image-carsuals---->
	    <link href="__PUBLIC__/assets/scss/css/owl.carousel.css" rel="stylesheet">
	    <link href="__PUBLIC__/assets/scss/css/owl.theme.css" rel="stylesheet">
	    <script src="__PUBLIC__/assets/scss/js/jquery.min.js"></script> 
   		<script src="__PUBLIC__/assets/scss/js/owl.carousel.js"></script>
   		<script>
	    $(document).ready(function() {
	      $("#owl-demo").owlCarousel({
	      	navigation: true,
		    navigationText: [
		      "<i class='icon-chevron-left icon-white'></i>",
		      "<i class='icon-chevron-right icon-white'></i>"
		      ],
	        items :3,
	        slideSpeed :100,
	        lazyLoad : true,
	        autoPlay : true,
	      });
	    });
	    </script>
   		<!---//End-carsuals---->
   		<!-- Add fancyBox main JS and CSS files -->
		<script src="__PUBLIC__/assets/scss/js/jquery.magnific-popup.js" type="text/javascript"></script>
		<link href="__PUBLIC__/assets/scss/css/magnific-popup.css" rel="stylesheet" type="text/css">
				<script>
					$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
					});
				});
				</script>
	<link rel="stylesheet" href="__PUBLIC__/assets/css/bootstrap.css">
  </head>
  <body>
<header role="banner" id="fh5co-header" style="background: 
#B180EF;">
      <div class="container" >
        <!-- <div class="row"> -->
          <nav class="navbar navbar-default" style="background: #B180EF;">
            <div class="navbar-header" style="background: #B180EF;">
              <!-- Mobile Toggle Menu Button -->
          <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
                <a class="navbar-brand" href="index.html">Phone<span>.</span></a> 
            </div>
            <div id="navbar" class="navbar-collapse collapse" style="background:#B180EF;">
              <ul class="nav navbar-nav navbar-right" style="background: #B180EF;">
                <li class="active" > <a  style=" background: #B180EF;font-family: SimHei;font-size: large" data-nav-section="" href="/phone/"><span style="background: #B180EF;">  Home</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="prephone" href="{:U('PrePhones/prephonelist')}"><span> PrePhone</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="phone" href="{:U('Phones/phonelist')}"><span> Phone</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="adminlogin" href="/phone/Admin/"><span> Admin Login</span></a></li>
                 <if condition="$Think.session.uname eq null">
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="login" href="{:U('Users/login')}"><span> Login</span></a></li>
                <li><a  style="font-family: SimHei;font-size: large" data-nav-section="reg" href="{:U('Users/reg')}"><span> Reg</span></a></li>
                <else/>
                   <li>
                      <a  style="font-family: SimHei;font-size: large" href="{:U('Goods/goods')}">{$Think.session.u}</a>
                  </li>
                <li><a style="font-family: SimHei;font-size: large" data-nav-section="exitlog" href="{:U('Users/exitLog')}"><span>Logout</span></a></li>
                 </if>

                
              </ul>
         <!--      <div class="search" style="min-width: 160px" >
                          <form  style="min-width: 90px">
                              <input style="min-width: 90px" type="text" value="搜索品牌" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
                              <input type="submit" value="">
                          </form>
                   </div> -->
            </div>
          </nav>
        <!-- </div> -->
      </div>
  </header>

		<div class="wrap" style="margin-top: 50px;">
			<!---start-header---->
			<div class="header">
				<div class="header-left">
					<span> </span>
				</div>
				<div class="header-right">
					<a class="logo" href="#"><img src="__PUBLIC__/assets/scss/images/logo.png" title="App7" /></a>
					<p>Best Showcase template <br />for your next ios8 iphone app</p>
					<ul class="fea-list">
						<li><a href="#"><span> </span>iso8 style milimalistic design</a></li>
						<li><a href="#"><span> </span>image Slider & Video inside screen</a></li>
						<li><a href="#"><span> </span>Two column design</a></li>
						<li><a href="#"><span> </span>Easy Customizable Widgets</a></li>
						<li><a href="#"><span> </span>Open sans fontsquirrel font integration</a></li>
						<li><a href="#"><span> </span>Faq,newssletter.twitter & pricing section</a></li>
						<li><a href="#"><span> </span>Responsive framework based</a></li>
					</ul>
					<ul class="big-btns">
						<li><a class="iapps" href=""> </a></li>
						<li><a class="gapps" href=""> </a></li>
						<div class="clear"> </div>
					</ul>
				</div>
				<div class="clear"> </div>
			</div>
			<!---End-header---->
			<!---start-content---->
			<div class="content" style="background: #B180EF">
				<div class="content-top-grids">
					<div class="pricing-plans-head">
						<h3 style="color: #FFFFFF;">PHONE. & Presales</h3>
					
					</div>
    <div class="row"> 

   
                          <volist name="pres" id="vo">
<li style=" padding: 20px;list-style: none; margin-left: 20px; float: left; color: #000000; font-size: 20px; " >

<a href="" style="float: left; display: inline; width:280px; margin-left: 10px; position: relative; z-index: 2;">
<img src="__PUBLIC__/Admin/prepicture/{$vo.picture}"style="float:left;  width:250px;height: 220px;  position:relative;" ></a>

品牌:{$vo.sign}&nbsp &nbsp &nbsp
<br>型号:{$vo.model}
<br>时间:{$vo.time}
<br>颜色:{$vo.color}
<br>预售功能:{$vo.function}

</li>
</volist>

</ul>

                       </div>
				
					
					<div class="clear"> </div>
				</div>
                <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >ÆóÒµÍøÕ¾Ä£°å</a></div>
				<!---start-mfp ---->	
				<div id="small-dialog1" class="mfp-hide">
					<div class="pop_up">
						<div class="payment-online-form-left">
											<form>
												<h4><span class="shipping"> </span>Shipping</h4>
												<ul>
													<li><input class="text-box-dark" type="text" value="Frist Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Frist Name';}"></li>
													<li><input class="text-box-dark" type="text" value="Last Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Last Name';}"></li>
												</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}"></li>
													<li><input class="text-box-dark" type="text" value="Company Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Company Name';}"></li>
												</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Phone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Phone';}"></li>
													<li><input class="text-box-dark" type="text" value="Address" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Address';}"></li>
													<div class="clear"> </div>
												</ul>
												<div class="clear"> </div>
											<ul class="payment-type">
												<h4><span class="payment"> </span> Payments</h4>
												<li><span class="col_checkbox">
													<input id="3" class="css-checkbox1" type="checkbox">
													<label for="3" name="demo_lbl_1" class="css-label1"> </label>
													<a class="visa" href="#"> </a>
													</span>
													
												</li>
												<li>
													<span class="col_checkbox">
														<input id="4" class="css-checkbox2" type="checkbox">
														<label for="4" name="demo_lbl_2" class="css-label2"> </label>
														<a class="paypal" href="#"> </a>
													</span>
												</li>
												<div class="clear"> </div>
											</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Card Number" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Card Number';}"></li>
													<li><input class="text-box-dark" type="text" value="Name on card" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name on card';}"></li>
													<div class="clear"> </div>
												</ul>
												<ul>
													<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
													<li><input class="text-box-dark" type="text" value="Security Code" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Security Code';}"></li>
													<div class="clear"> </div>
												</ul>
												<ul class="payment-sendbtns">
													<li><input type="reset" value="Cancel"></li>
													<li><input type="submit" value="Process order"></li>
												</ul>
												<div class="clear"> </div>
											</form>
										</div>
						  			</div>
					</div>
				</div>
				<!---end-mfp ---->	
				<!---start-divice-scree-slider----->
				<div class="img-cursual">
						<div id="owl-demo" class="owl-carousel">
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen1.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen3.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen2.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen1.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen3.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen2.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen1.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen3.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen2.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen1.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen3.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen2.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen1.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen3.png" alt="Lazy Owl Image"></div>
			                <div class="item"><img class="lazyOwl" data-src="__PUBLIC__/assets/scss/images/screen2.png" alt="Lazy Owl Image"></div>
		               </div>
				</div>
				<!---//End-divice-scree-slider----->
				<!---start-panels---->
				
				
						<script type="text/javascript" src="js/jquery.flexisel.js"></script>
						<!---End-image-cursuals---->
						<script type="text/javascript">
						$(window).load(function() {
						    $(".flexiselDemo3").flexisel({
						        visibleItems: 5,
						        animationSpeed: 1000,
						        autoPlay: true,
						        autoPlaySpeed: 3000,            
						        pauseOnHover: true,
						        enableResponsiveBreakpoints: true,
						        responsiveBreakpoints: { 
						            portrait: { 
						                changePoint:480,
						                visibleItems: 1
						            }, 
						            landscape: { 
						                changePoint:640,
						                visibleItems: 2
						            },
						            tablet: { 
						                changePoint:768,
						                visibleItems: 3
						            }
						        }
						    });
						});
						</script>
					</div>
				
				
							<script type="text/javascript">
							$(document).ready(function() {
								$().UItoTop({ easingType: 'easeOutQuart' });
							});
							</script>
							<script type="text/javascript" src="js/move-top.js"></script>
							<script type="text/javascript" src="js/easing.js"></script>
							<script type="text/javascript">
								jQuery(document).ready(function($) {
									$(".scroll").click(function(event){		
										event.preventDefault();
										$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
									});
								});
							</script>
					   <!----move-top-path---->
			    
						
					</div>
					<div class="clear"> </div>
				</div>
				<!---//End-footer----->
			</div>
			<!---End-content---->
		</div>
		<!--- //End-wrap---->
	

   
  </body>


</html>

